<template>
  <div class="container">
    <Breadcrumb>
      <BreadcrumbItem to="/user/setting">账户设置</BreadcrumbItem>
      <BreadcrumbItem>登录记录</BreadcrumbItem>
    </Breadcrumb>
    <div class="title">登录记录</div>
    <Table :columns="columns2" :data="data2"></Table>
    <div class="page">
      <Page :total="100" show-sizer />
    </div>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {
      columns2: [
        {
          title: '时间',
          key: 'name'
        },
        {
          title: 'IP',
          key: 'age'
        },
        {
          title: '地址',
          key: 'address'
        }
      ],
      data2: [
        {
          name: '2032-12-22',
          age: '102.12.31',
          address: '美国来课理论课来课来课'
        },
        {
          name: '2032-12-23',
          age: '102.12.31',
          address: '美国来课理论课来课来课'
        },
        {
          name: '2032-12-24',
          age: '102.12.31',
          address: '美国来课理论课来课来课'
        },
        {
          name: '2032-12-25',
          age: '102.12.31',
          address: '美国来课理论课来课来课'
        },
      ],
    }
  }
}
</script>

<style scoped lang="less">
.container {
  .title {
    margin-top: 24px;
    margin-bottom: 24px;
    color: @t-title-color;
    font-weight: 600;
    font-size: 26px;
  }
  .page {
    text-align: right;
    margin-top: 24px;
  }

}
</style>